<canvas id="{{$name}}"></canvas>
<script>
$(function () {
    var ctx = document.getElementById("{{$name}}").getContext('2d');

    var myChart = new Chart(ctx, {
        type: 'pie',
        data: {
            labels: [@foreach($labels as $k => $v)"{{$v}}",@endforeach],
            datasets: [
                    {
                    backgroundColor: [
                        "rgba(255,156,0, 0.8)",
                        "rgba(3,162,156, 0.8)",
                        "rgba(128,184,46, 0.8)",
                        "rgba(224,55,96, 0.8)",
                        "rgba(54,146,224, 0.8)",
                        "rgba(230,228,54, 0.8)",
                        "rgba(158,54,230,0.8)"
                    ],
                    data: [@foreach($data as $k => $value){{$value['price'].','}}@endforeach]
                    }
            ]
        },
        options: {}
    });
});
</script>